<template>
  <h1 class="demo">vue2 - {{hello}}
    <img width="100" height="100" :src="man" alt="">
    <img src="@assets/man.jpg" alt="">
  </h1>
</template>

<script type="text/ecmascript-6">
  // import man from '@assets/man.jpg'

  console.log(require('@assets/man.jpg'))
  export default {
    name: '',
    data() {
      return {
        hello: '123',
        man: require('@assets/man.jpg')
      }
    }
  }
</script>

<style scoped lang="stylus" rel="stylesheet/stylus">
  @import "../design/global.styl"
  .demo
    color: red
    font-style: italic
    display: flex

  .a1
    color: green
</style>